/*
 * @Author: your name
 * @Date: 2020-12-02 09:34:33
 * @LastEditTime: 2020-12-21 11:58:09
 * @LastEditors: Please set LastEditors
 * @Description: 头部区域的样式
 * @FilePath: \gitee-WeBi\css\main\header\header.less
 */
 /*  */
 @import "../../variables/theme.less";
 /*  */
@shadowColor:rgba(0, 19, 66, 0.5); // 头部阴影颜色
@titleTextColor:#fff;  // 标题文字颜色1
@titleTextColor333:#333;  // 标题文字颜色1
/* 顶部 begin */
.zz-header {
    height:@headerHeight;
    padding:0 36px 0 30px;
    background-color:@themeColor;
    box-shadow: 0px 1px 4px 0px @shadowColor;
    /* 固定定位 */
    &.fixed {
        position: absolute;
        top:0;
        left:0;
        right:0;
        z-index: 4;
    }
    /* 不固定定位 */
    &.rel {
        position: relative;
    }
    /*  */
    &.login {
        background-color:@panelBg;
        & > .header-title-area {
            color:@titleTextColor333;
        }
    }
    /*  */
    & > .header-title-area {
        margin-top:6px;
        line-height:22px;
        font-size:22px;
        color:@titleTextColor;
        .login {
            width:52px;
            height:52px;
            margin-right:10px;
        }
    }
    /*  */
    & > .header-user {
        padding:10px 36px 0 0;

        & > .tab-page {
            width:176px;
            height:44px;
            margin-right:40px;
            padding:2px;
            border-radius:28px;
            background-color:@panelBg;

            .item {
                width:88px;
                height:40px;
                line-height:40px;
                font-size:18px;
                border-radius:28px;
                cursor:pointer;
                
                &.is-active {
                    background-color:@themeColor;
                    color:@fsColorf;
                }
            }
        }

        /*  */
        & > .head-img {
            width:44px;
            height:44px;
            border-radius:50%;
            & > img {
                border-radius:50%;
            }
        }
    }
}
/* 顶部 end */
